<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Registro de ciudades</title>
    </h:head>
    <h:body style="font-size: 12px">

        <br />
        <h:link outcome="index" value="Inicio" />

        <h:panelGroup style="width: 50%">
            <h:panelGrid columns="1">

                <p:panel header="Registrar Ciudad">
                    <h:form id="formRCi">
                        <h:panelGrid columns="2" cellpadding="10">

                            <h:outputText value="Codigo:"  />
                            <p:inputText value="${ciudadBean.ciudad.nombre}" disabled="true" />

                            <h:outputText value="Nombre: *" />
                            <p:inputText value="#{ciudadBean.ciudad.nombre}" />


                            <p:commandButton value="Guardar" actionListener="#{ciudadBean.saveAction()}" update=":formRCi,:formCitys" />

                        </h:panelGrid> 
                    </h:form>

                </p:panel>


                <h:form prependId="false" id="formCitys">  

                    <p:dataTable id="dataTable" var="ciudad" value="#{clienteBean.ciudades}"  
                                 paginator="true" rows="5"  
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                 rowsPerPageTemplate="5,10,15" >  
                        <f:facet name="header">  
                            Ciudades Registradas
                        </f:facet>  

                        <p:column>  
                            <f:facet name="header">  
                                <h:outputText value="Codigo" />  
                            </f:facet>  
                            <h:outputText value="#{ciudad.codigo}" />  
                        </p:column>  

                        <p:column>  
                            <f:facet name="header">  
                                <h:outputText value="Nombre" />  
                            </f:facet>  
                            <h:outputText value="#{ciudad.nombre}" />  
                        </p:column>  

                    </p:dataTable>  
                </h:form>  

            </h:panelGrid>
        </h:panelGroup>
    </h:body>
</html>


